<template>
    <div class="body">
        <list>
            <cell>
                <div class="title_box">
                    <text class="font_30">关于数英指数</text>
                    <image src="xcassets:honour_dindex" style="width: 68px; height: 68px;"></image>
                </div>
            </cell>
            <cell v-for="item in list">
                <div class="honour_box">
                    <div class="honour_tit_box">
                        <image  v-bind:src="item.img" style="width: 70px; height: 70px;"></image>
                        <div class="m_l_12 font_30"><text class="font_30">{{item.title}}</text></div>
                    </div>
                    <div>
                        <text class="text_center font_30 line_h_45">{{item.content}}</text>
                    </div>
                </div>
            </cell>
        </list>
    </div>
</template>

<style>
    .font_30 {font-size: 30px;}
    .line_h_45 {line-height: 45px;}
    .m_l_12 {margin-left: 12px;}
    .text_center {text-align: center}


    .body {background-color: #f0f0f0;}
    .title_box {background-color: #fff; margin-bottom: 20px; margin-top: 35px; padding-left: 35px; padding-right: 35px; height: 90px; flex-direction: row; justify-content: space-between; align-items: center}

    .honour_box {padding-top: 70px; padding-bottom: 45px; background-color: #fff; border-bottom-width: 2px; border-bottom-color: #f0f0f0}
    .honour_tit_box {flex-direction: row; justify-content: center; align-items: center; margin-bottom: 30px;}
</style>

<script>
    export default {
        data: {
            list:[
                {img:"xcassets:tag_d30x30", title:"数英收录", content:"您需要在数英平台发布文章或项目，\n如文章或项目被数英收录，\n获得数英收录荣誉。"},
                {img:"xcassets:tag_j30x30", title:"精选文章", content:"您的收录文章被数英评为精选文章"},
                {img:"xcassets:tag_w30x30", title:"每周项目精选", content:"您发布或认领的项目\n从创意、设计、技术等方面具有突出表现，\n被数英评为每周项目精选。"},
                {img:"xcassets:tag_m30x30", title:"每月项目精选", content:"您发布或认领的项目\n从创意、设计、技术等方面具有超凡表现，\n被数英评为每月项目精选。"},
                {img:"xcassets:tag_g30x30", title:"海外项目精选", content:"您发布除大中华区以外的国外项目案例，\n特别优秀的将被数英收录，\n同时评为海外项目精选。"}
            ]
        }
    }
</script>